/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 19, 2014, 11:32:38 AM
    Author     : trungnt
*/
//desktop
.totaly {
    .smallstat i {
        margin-right:10px!important;
    }
} 
.smallstat .value {
    font-size:13px;
}

input[type="text"]{
  &  + .btn{
        margin-bottom:10px;
    }
} 

.gallery-item {
    width:120px;
    height:120px;
}
#daily .btn{
    margin-left: 5px;
}
.box-style.box {
      border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);;
}
.history-appointment {
    .right-content {
        padding-left: 10px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1150px){
    .group-form {
            > .span6 {
                float: none;
                width: 100%;
                margin:10px auto;
            }
        }
}
@media only screen and (max-width: 1024px) {
    .table {
        .btn  {
            margin: 5px 0;
        }
    } 
    #productivity-table {.box {margin-bottom:0;}}
    .totaly {
        text-align: center;
        .smallstat i {
           display: inline-block;
             float: none;
        }
    } 
    .merchant-create {
            .row-fluid .span6 {
                width: 100%; 
                float: none;
            }
             
        }
        .report-date{
            .mobileHalf.box-order {
                margin-left: 2.12766%!important;
            }
        }
       iframe {
            max-width:100%;
            width:100%!important;
        } 
        .group-form {
            > .span6 {
                float: none;
                width: 100%;
                margin:10px auto;
            }
        }
         img {
        max-width: 100% !important;
    }
    .table-width-action {
        .left-form .chzn-container-single {width:220px!important}
    }
}
@media only screen and (min-width: 768px) and (max-width: 980px){
    .book-date  .span12 {
       margin: 10px 0;
        
    }
    .totaly {
        .smallstat .value {
            font-size: 15px;
        }
    }
    
}
@media only screen and (max-width: 768px) {
    .table-width-action tr td:last-child {
        min-width: 165px;
    }
    .tab-menu.nav-tabs { 
        margin:10px -10px;
        background: #36a9e1;
    }
    .todo ul li {   
        padding: 10px 10px 10px 12px; 
    }
    img {
        max-width: 100% !important;
    }
     .navbar > .navbar-inner { 
        padding:0;
    }
    .table-responsive {
        max-width: 100%;
        overflow: auto;
       
    }
    
    .group-form {
        .table-responsive {
            table {min-width:600px;}
        }
    }    
    .productivity {
        .box {margin-bottom:0}
        .box + .box {
            margin-top:20px;
        }
    }
  #productivity-table .box.span12 {margin-bottom: 0;}
    
    #month,#daily {
         margin-bottom: 15px;
        min-height: 30px;
        display: inline-block;
    }
    .mobile-center {
        text-align: center;
    }
    textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], .uneditable-input {
        box-sizing: border-box;
        min-height: 30px;
        width: 100%;
    }
    .form-container {
        form {
            margin-bottom: 0;
        }
        .btn {
            width: 100%;
            min-height: 30px;
            box-sizing: border-box;
            & + .btn {
                margin-top:10px;
            }
        }   
        .pull-right,.pull-left {
            float: none;
            margin-top: 0;margin-bottom: 0;
        }
    }
    .chzn-container {
        width:100%!important;
        & + input {
                margin-top:10px;
            }
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px){
 .gallery-container {
        text-align: center;
        .span2 {
            margin: 0 auto!important;
            max-width: 120px;
        }
    }
.box .box-header h2 i {
        margin-right: 4px;
    }
   .book-date  .span6 {
       margin: 10px 0;
        
    }
 .box-order.smallstat.span2   {
        text-align: center;
        i {
            margin: 10px auto;
            float: none;
        }
    }
  
   

     .group-form {
        .input-append {
            input[type="text"] {
                 width: auto;
            }
        }
    }
    .history-appointment {
          .right-content {
              padding-left: 0px;
          }
      }
}

@media only screen and (max-width: 480px) {
        .history-appointment {
          .right-content {
              padding-left: 0px;
          }
      }
    .book-date  .span6 {
       margin: 10px 0;
        
    }
    .box-order.smallstat.span2   {
        text-align: center;
        i {
            margin: 10px auto;
            float: none;
        }
    }
    
    #month,#daily {
         margin-bottom: 15px;
        min-height: 30px;
        display: inline-block;
    }
    .yiiPager {
        .page:nth-child(7){
            display: none;
        }
    }
    .group-form {
        .input-append {
            input[type="text"] {
                 width: auto;
            }
        }
    }
   .chzn-container {
        width: 100% !important;
    }
    .totaly {
        .mobileHalf {
            float: left !important;
            margin: 1% !important;
            width: 48% !important;
        }
    }
.gallery-container {
        text-align: center;
        .span2 {
            margin: 0 auto!important;
            max-width: 120px;
        }
    }
    fieldset {display:table-cell}
}
@media only screen and (max-width: 320px){
    
}